﻿<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>FAQ问答</title>
	<link href="css/faqcss.css" rel="stylesheet" type="text/css">
	<script language="javascript" src="js/jquery.js"></script>
</head>
<body>
	<div class="con_info">
		<div class="info_left">
			<div class="L_q">
				<p>FAQ列表</p>
			</div>
			<ul class="dh">
				<li class=""><a href="#">jQuery语法</a></li>
				<li class="xz"><a href="#">常见问题</a></li>
			</ul>
		</div>
		<div class="info_right">
			<div class="liebiao">
				<ul>
					<li id="1" class="click"><a class="link" href="#"><span class="num">1</span>jQuery 库中的 $() 是什么？</a>
					</li>
					<li id="zk_1" class="zk">
						<div class="zk_con">
							<div class="pc">
								<p><span style="font-size: smaller">$() 函数是 jQuery() 函数的别称。$() 函数用于将任何对象包裹成 jQuery
										对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。</span></p>
							</div>
						</div>
					</li>
					<li id="2" class="click"><a class="link" href="#"><span class="num">2</span>$(document).ready()
							是个什么函数</a></li>
					<li id="zk_2" class="zk">
						<div class="zk_con">
							<div class="pc">
								<p><span style="font-size: smaller">ready() 函数用于在文档进入ready状态时执行代码</span></p>
							</div>
						</div>
					</li>
					<li id="3" class="click"><a class="link" href="#"><span class="num">3</span>如何在点击一个按钮时使用 jQuery
							隐藏一个图片？</a></li>
					<li id="zk_3" class="zk">
						<div class="zk_con">
							<div class="pc">
								<p><span style="font-size: smaller">jQuery为按钮点击之类的事件提供了很好的支持。通过ID或class定位到的图片,为按钮设置事件并执行hide()
										方法即可隐藏元素。</span></p>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function () {
			$(".click").click(function () {
				$(this).next(".zk").slideToggle(100)2
			});
		});

	</script>
</body>

</html>